import React, { Component } from 'react'
import A from './components/A'
import B from './components/B'

export default class App extends Component {
  // #1 父组件准备数据
  state = {
    count: 0,
  }
  // #1 操作数据的方法
  changeCount = (num) => {
    // #4 父亲修改数据
    // 数据一旦变化
    // 单项数据流：使用父亲数据的 B 组件也变了
    this.setState({
      count: this.state.count + num,
    })
  }
  render() {
    return (
      <div>
        {/* #2 操作数据的方法给了 A */}
        <A changeCount={this.changeCount} />
        {/* #2 数据给了 B */}
        <B count={this.state.count} />
      </div>
    )
  }
}
